<template>
  <div id="contactBlock">
    <div class="user_contact_pc">
       <!-- <main class="mainPage_pc_main_194P4">
         <div class="contant">
           <div data-v-7b343814="" data-v-dcc4eada="" class="import-info">
             <img data-v-7b343814="" width="100%" height="130px" src="../assets/image/shop_detail.png">
             <div data-v-7b343814="" class="btn"></div>
            </div>
            <div data-v-dcc4eada="" class="contact-title"> Contact Us </div>
            <div data-v-dcc4eada="" class="contact-content"> 
                  Please check our <span @click="fagChange('/help')" data-v-dcc4eada="">help</span> 
                  before contacting us, because it may solve your question. If the FAQ does not help you, you can send an email about your problems via 
                  <a data-v-dcc4eada="" href="info@mottconsulting.co.jp">
                    info@mottconsulting.co.jp.</a> Then our support service will provide you with further assistance as soon as possible. 
                    <br data-v-dcc4eada="">
                    <span data-v-dcc4eada="" @click="fagChange('/fag')" class="goFAQ">« Mottwebsite FAQ's </span>
              </div>
         </div>
       </main> -->
       <div v-html="this.$t('contact.contact')"></div>
    </div>

    <div class="user_contact_iphone">
      <!-- <main class="mainPage_mb_content_2ozs2">
        <div class="contact">
          <div class="main-content02">
            <div data-v-4321f054="" class="contact-title01"> Contact Us </div>  

            <div style="text-align:left" data-v-4321f054="" class="contact-content01"> Please check our <span data-v-4321f054="">help</span> before contacting us, because it may solve your question. If the FAQ does not help you, you can send an email about your problems via <a data-v-4321f054="" href="info@mottconsulting.co.jp">info@mottconsulting.co.jp.</a> Then our support service will provide you with further assistance as soon as possible.<br data-v-4321f054=""><span data-v-4321f054="">« Mottwebsite FAQ's </span></div>
          </div>
        </div>
      </main> -->
      <div v-html="this.$t('contact.contant01')"></div>
    </div>
    
    <My-footer style="background:#f5f5f5"></My-footer>
  </div> 
</template>

<script>
import MyFooter from '../components/my-footer/my-footer.vue';


export default {
  components:{MyFooter},
  data(){
    return {
      helpPush:''
    }
  },
  mounted(){
    
    this.helpPush = document.getElementById('helpPush')
    //  this.helpPush.onclick = function(){
    //    console.log('sss')
    //  }
    console.log(this.helpPush)
     let _this=this;
	  window.add_data=_this.add_data;
  },
  methods:{
    fagChange(path){
      this.$router.push(path)
    },
    add_data:function(path){
      this.$router.push(path)
   }

  }
}
</script>

<style lang="scss">
#contactBlock{
@media only screen and (max-width: 900px) {
  .user_contact_pc {
    display: none;
    overflow: hidden;
  }
}
@media only screen and (min-width: 900px) {
  .user_contact_iphone {
    display: none;
  }
  html {
    font-size: 30px;
  }
}

.main-content02{
      padding-top: .5rem;
    background-color: #f5f5f5;
    padding-bottom: .7rem;
}
.contact-title{
      color: #333;
    font-size: 30px;
    padding-bottom: 30px;
    margin-left: 70px;
    margin-top: 30px;
}
.contact-content{
  padding: .8rem 1.1rem;
    font-size: 16px;
    margin-left: 50px;
    color: #595757;
    line-height: 1rem;
}
.contact-content a{
    color: #ff5900;
    text-decoration: underline;
    font-size: .7rem;
    cursor: pointer;
}    
.contact a{
    color: #ff5900;
    text-decoration: underline;
    font-size: .7rem;
    cursor: pointer;
}
.contact  span {
 color: #ff5900;
    text-decoration: underline;
    font-size: .7rem;
    cursor: pointer;
}
.contact-content span{
   color: #ff5900;
    text-decoration: underline;
    font-size: .7rem;
    cursor: pointer;
}

/* 移动端*/
.mainPage_mb_content_2ozs2{
  background: #f5f5f5;
    padding-bottom: calc(2.15rem + env(safe-area-inset-bottom));
    padding-bottom: calc(2.15rem + constant(safe-area-inset-bottom));
    -webkit-overflow-scrolling: touch;
}
  .main-content{
   padding-top: .5rem;
    background-color: #f5f5f5;
    padding-bottom: .7rem;
  }
  .contact-title01{
    color: #020000;
    margin-left: .6rem;
    margin-right: .6rem;
    padding-top: .8rem;
    padding-bottom: .8rem;
    border-bottom: .06rem solid #dcdddd;
    text-indent: .5rem;
    font-size: 1rem;
    text-align: left;
  }
  .contact-content01{
    padding: .8rem 1.1rem;
    font-size: .7rem;
    color: #595757;
    line-height: 1rem;
  }
 .contact-content01 span{
    color: #ff5900;
    text-decoration: underline;
    font-size: .7rem;
 }
  .contact-content01 a{
    color: #ff5900;
    text-decoration: underline;
    font-size: .7rem;
 }
 }  
  
</style>